<template>
    <div id="main" style="width: 600px;height:400px;"></div>
</template>
<script>
import Vue from 'vue'
import * as Echarts from 'echarts';
import {EchartsOption} from '@/views/commonView/'

export default {
  name: 'BaseChart',
  methods:{
	initEcharts(option) {
		  // 基于准备好的dom，初始化echarts实例
		  let $echarts = Echarts.init(document.getElementById('main'), 'light')
    	  // 使用刚指定的配置项和数据显示图表。
		  $echarts.setOption(option);
    },
    //获取数据
    getData() {
        let url = '/test';
        let obj = {
            id: 'id',
            dataId: '',
            styleId: ''
        };
        let promise = new Promise(
            function (resolve, reject) {
            // 一段耗时的异步操作
            resolve('成功') // 数据处理完成
            // reject('失败') // 数据处理出错
        }).then(
            // 成功
            (res) => {
                let option = EchartsOption.initOption();

                //判断折线图
                // if ( res.pic_type === 'line') {
                //     option.series[0].type = res.pic_type;
                //     option.xAxis.data = res.data;
                //     option.yAxis.type = res.dataVal;
                //     option.series[0].data = res.data2;
                // }
                this.initEcharts(option);
            },
            // 失败  
            (err) => {console.log(err)} 
        );

    }
  },
  mounted() {
    this.getData();
  }
}

</script>